import React from 'react'
import { NavLink } from 'react-router-dom'
// import Acount from '../acount'

class MenuBar extends React.Component {
  render () {
    return (
      // <div className="wrapper">
      //   <div className="content">
      //     <Route path="/home" component={Home}></Route> 
      //     <Route path="/tiket" component={Tiket}></Route>
      //     <Route path="/cart" component={Cart}></Route>
      //     <Route path="/acount" component={Acount}></Route>
      //   </div>
      // </div>
        <div className='menu_bar'>
          <ul>
            <li><NavLink to="/home"
            activeClassName="active">
              <i className="iconfont icon-benqitemai"></i><span>特卖</span></NavLink></li>
            <li><NavLink to="/ticket"
            activeClassName="active">
              <i className="iconfont icon-lingquanzhongxin"></i><span>领券</span></NavLink></li>
            <li><NavLink to="/cart"
            activeClassName="active">
              <i className="iconfont icon-gouwuche"></i><span>购物车</span></NavLink></li>
            <li><NavLink to="/acount" 
            activeClassName="active">
              <i className="iconfont icon-mifeng"></i><span>我的蜂巢</span></NavLink></li>
          </ul>
        </div>
    )
  }
}
export default MenuBar